<template>
  <div>
    <input :value="value" @input="val => $emit('input', val.target.value)">
  </div>
</template>
<script>
export default {
  name: 'styleObj',
  props: {
    value: {
      type: [String, Number],
      default: ''
    },
    styles: {
      type: Object,
      default: () => {
        return {
          width: '',
          height: '',
          background: '',
          border: ''
        }
      }
    },
    content: {
      type: String,
      default: () => ''
    },
    pic: {
      type: String,
      default: () => ''
    }
  },
  methods: {
    // onInput(val) {
    //   console.log(val.target.value)
    //   this.$emit('input', val.target.value)
    // }
  }
}
</script>
<style lang="scss" scoped>
</style>